/*
    * @time Mon Aug 30 2021 10:04:31 GMT+0800 (中国标准时间)
    */
@charset "utf-8";
.clearfix:after,
body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
label,
li,
ol,
p,
pre,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
}
body,
html {
    height: 100%;
}
body {
    font-family: 'PingFang SC', 'Lantinghei SC', 'Helvetica Neue', Helvetica,
        Arial, 'Microsoft YaHei', '微软雅黑', STHeitiSC-Light, simsun, '宋体',
        'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif;
}
li {
    list-style-type: none;
}
a {
    text-decoration: none;
    outline: 0;
    color: #000;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    text-decoration: none;
    color: #ff9724 !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
iframe,
img {
    border: 0;
}
img {
    vertical-align: top;
}
.clearfix {
    display: block;
}
.clearfix:after {
    content: '';
    overflow: hidden;
    width: 100%;
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
}
i {
    font-style: normal;
}
.part {
    width: 1200px;
    margin: 0 auto;
}
.show {
    display: block;
}
.hide {
    display: none;
}
.media-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}
.media-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,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)
        0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.media-video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
}
.media-video video {
    width: 100%;
    height: 100%;
}
.mCSB_container {
    z-index: 1;
    margin-right: 0;
}
.mCustomScrollBox > .mCSB_scrollTools {
    z-index: 10;
    width: 4px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
}
.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.2);
}
.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 0.2;
    filter: 'alpha(opacity=20)';
    -ms-filter: 'alpha(opacity=20)';
}
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.2);
}
.mCS-dark
    > .mCSB_scrollTools
    .mCSB_dragger.mCSB_dragger_onDrag
    .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.2);
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 0.2;
    filter: 'alpha(opacity=20)';
    -ms-filter: 'alpha(opacity=20)';
}
.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.2);
}
.area {
    width: 100%;
    min-width: 1200px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.breath img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.breath:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.title {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.title:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #1173fa;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.title a {
    font-size: 20px;
    line-height: 50px;
    padding: 0 5px;
    display: inline-block;
    position: relative;
}
.title a:before {
    content: '';
    width: 100%;
    height: 6px;
    background: #1173fa;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.title a:after {
    content: '';
    width: 5px;
    height: 6px;
   
    display: block;
    position: absolute;
    right: -5px;
    bottom: 0;
}
.column-left {
    float: left;
    width: 268px;
}
.column-center {
    float: left;
    width: 486px;
    margin-left: 38px;
}
.column-right {
    float: right;
    width: 375px;
}
.animate__animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate__flipInX {
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    -moz-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}
.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.title1 {
    width: 100%;
    position: relative;
    margin-bottom:30px;
    padding-top:30px;
}
.title1:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #1173fa;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.title1 a {
    font-size: 20px;
    line-height: 50px;
    padding: 0 5px;
    display: inline-block;
    position: relative; cursor: pointer;
}
.title1 a:before {
    content: '';
    width: 100%;
    height: 6px;
    background: #1173fa;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.title1 a:after {
    content: '';
    width: 5px;
    height: 6px;
   
    display: block;
    position: absolute;
    right: -5px;
    bottom: 0;
}
@-moz-keyframes flipInX {
    0% {
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
    40% {
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    80% {
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
    }
    40% {
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@-moz-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -moz-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        -moz-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0.5;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0.5;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0.5;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.top {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 216px;
    background: url(https://www.piyao.org.cn/new2021/pc/images/banner-bg.jpg) center top no-repeat;
}
.top .banner {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}
.top .banner .logo {
    float: left;
    padding-left: 100px;
    height: 88px;
    line-height: 88px;
    background: url(https://www.piyao.org.cn/new2021/pc/images/logo.png) left center no-repeat;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
}
.top .banner .search {
    float: right;
    position: relative;
    width: 330px;
    height: 55px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 9px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.top .banner .search #searchIpt {
    float: left;
    width: 235px;
    height: 37px;
    outline: 0;
    border: 0;
    line-height: 37px;
}
.top .banner .search #searchBtn {
    float: right;
    width: 60px;
    height: 37px;
    outline: 0;
    border: 0;
    line-height: 37px;
    background: #294fc0;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
}
.top .nav {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 3;
    margin-left: -600px;
    width: 1200px;
}
.top .nav .part {
    background: #001dcb;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    height: 64px;
}
.top .nav .part a {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 0 32px;
    margin-left: 30px;
    line-height: 64px;
    height: 64px;
    font-size: 22px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.top .nav .part a:first-child {
    margin-left: 0;
}
.top .nav .part a.active,
.top .nav .part a:hover {
    background: rgba(210, 235, 235, 0.3);
}
.footer {
    background: #2f3b49;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    padding: 30px 0;
    color: #77879b;
   
}
.footer a {
    color: #77879b;
}
.footer img {
    vertical-align: top;
    margin-top: 6px;
}
.headnews {
    position: relative;
    z-index: 5;
}
.headnews .headline {
    text-align: center;
    /* margin-top: 25px; */
}
.headnews .headline h1 {
    padding: 10px 0;
    font-size: 38px;
    line-height: 1.3;
    font-weight: 700;
    color: #3253a7;
}
.headnews .headline h1 a {
    color: #3253a7;
}
.headnews .headline p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.headnews .headline p a {
    color: #666;
    margin-left: 4px;
}
.headnews .headline p a:first-child {
    margin-left: 0;
}
.focus {
    margin-top: 30px;
}
.focus .focus-newsMedia {
    width: 790px;
    height: 444px;
    float: left;
    position: relative;
}
.focus .focus-newsMedia .swiper-container {
    width: 100%;
    height: 100%;
}
.focus .focus-newsMedia .swiper-container .swiper-slide {
    position: relative;
}
.focus .focus-newsMedia .swiper-container .swiper-slide .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.focus .focus-newsMedia .swiper-container .swiper-slide .img img {
    width: 100%;
    height: 100%;
}
.focus .focus-newsMedia .swiper-container .swiper-slide .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    padding: 10px 10px 10px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
}
.focus .focus-newsMedia .swiper-container .swiper-slide .tit a {
    color: #fff;
}
.focus .focus-newsMedia .swiper-container .swiper-slide .tit .btn {
    display: none;
    margin-right: 10px;
    margin-top: -6px;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC)
        0 0;
}
.focus .focus-newsMedia .media-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.focus .focus-newsMedia .swiper-pagination {
    width: auto;
    right: 10px;
    left: auto;
    bottom: 22px;
}
.focus .focus-newsMedia .swiper-pagination .swiper-pagination-bullet {
    margin-right: 0;
    opacity: 1;
    background: #d3d3d3;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    transition: width 0.5s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.focus .focus-newsMedia .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
    background: #f5b70a;
}
.focus .focus-newsMedia .swiper-button-prev {
    display: none;
    width: 34px;
    height: 73px;
    left: 0;
    margin-top: -52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADLUlEQVRoge3az0vTcRzH8fd36GrFN1ALvkRuLDaSUc6DBgW76kEh+O4keHCHgd9JV/+Rcjp2mAdBL3rSg95qp5iYyxjGRJllfCE12RdcTvl+46UF8SVoP776/hLfF+y47x6ML9uT7SMYhpGi690pEe0TUY6I3hLROV695ZoR2A0ievjr8ZyIXhPRsYsB8uc6iegl3hBuCPaAiCJ2gGBP7QLx2gVii3vkYg7EPAdingMxz4GY939CdnZ2bsuy/GJiYuIZKySZTIYFQTDGx8fzbJDl5eX7xWJRGhgY2PL5fCcsEE3TWubn57s7Ojq00dHR7UauYQkknU53lctlTywW23C73ToLpFAo3Mlms4FwOPw5Eol8a/Q6TUF0Xafp6eme1tbW80Qi8bGZazUFWVxc9JZKpbtDQ0MFSZJ+sECOjo7cCwsLTyRJOh4ZGdltBtEUZGpqKlSpVNzxePy9y+UyWCDr6+ttuVzO39fXt9vb2/u9WURDEF3XhVQq1ePxeKqKohSsQDQEmZ2d9auq2ibL8mZ7e3uVBaKq6s2lpaWQ1+s9iEaje1Yh6oYkk8nHZ2dnLYqibLhc1hZEzVfLZrP38vl8ZyQS2Q6FQmVLFbVCqtWqK5PJ9IiiWInH41tWI2qGZDKZ4OHhoTg8PPxBFMVzFkipVLq1urr6KBAIqIODg1+vAlETZHJyMmwYhpBIJOquLkshvycIwlU6/g1RFCWPDkWPskL8fv9Jf3//J/QoupQNgsVisSJ6dG5urht9ygZBh6JHNU3zoE/ZIBh6FF2KPkWnskEwdCn6FJ2KXmWDoEvRp+hU9CobBEOfolPRq+hWNgj6FJ2KXkW3skEwdCp6Fd26trbWxgahy0/cAro1nU7jxm36879hCHo1Go1uol/RsWwQTJblPZ/Pd4CORc+yQdCtY2NjG+hY9CwbBEO/omPRs+haNgiGjkXPomvRt2wQdCx6Fl07MzMTYINg6NlgMKiurKx0oXPZIHT5pZhH36Jz630uxx/Qf53zE7h5DsQ8B2KeAzHPgZh2ahfIvl0gOTtAvuD0FTcEiFc4AsZx/Avn0FQiekdEby7OoRHRTxZxRi0nu0IrAAAAAElFTkSuQmCC)
        0 0 no-repeat;
}
.focus .focus-newsMedia .swiper-button-next {
    display: none;
    width: 34px;
    height: 73px;
    right: 0;
    margin-top: -52px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADH0lEQVRoge3aQWvTABjG8TdhrVbJcJtCUNZSWHGUaXdoFQ/R2y4bCO1psEsPha3zvC8i61Z6yA6DnrrTduiO9tgxV5WiVDbqRAKuUwys0o1GHq0iQViXpHsr5Lkn+dOG9EdbwTAM6myAiB4TUYyI7hDRFbrEDXQudYOInhHR6GVe/O+JnRjWCOqEKNwRv0MecEdQJ8TfBx1/7hH2if0QQW7IP+aGmOeGmOeGmPf/hiwtLT2Kx+NP9/f3r7OGLC4uVgRBMDKZTIQ1JBAInExNTb2r1Wry1tbWbbYQLJlM1kZGRvR8Pn9f13VHPr0thXi93nYymdzTdd2Xy+XG2UIwRVE+RyKRw1KpNFatVgfZQrB0Ov3G4/Gcra6uTrbbbb4QWZa/z8zMVOv1+s2NjQ1b5LT9QJubmzuQZflroVC4d3x87GULEUXRSKVSL5vNpndlZSXMFoJFo9EvsVjsoFwuB3d3d4fYQrCFhYWqz+drZbNZ3LgCW8jw8HArkUi81jRtaH19PcgWgsXj8Q9+v/9oc3MzrGnaVbYQURTxFu2dnp4OZDKZCbYQLBwOf1MU5X2lUhktlUq32EKwVCr1VpKkpqqqkVar1dU1ehIiSdLZ7Ozsq0ajMbi2tjbGFoJNT09/CoVCWrFYHK/X69fYQujXs6ViGIawvLx8ruZ6GiII3T/XehoC18K3eGXYQuBZuBa+DQaDJywhcCw8C9fCt90c05MQOBaehWvhW5YQ+BWOhWfh2m6PczQEboVf4Vh49iLHOhoCt8KvcCw8yxICr8Kt8Csce9HjHQuBV+FW+BWOZQnZ2dkZglfhVvjVyjlsh8CnuVxuEl6FW62ex3YIfAqnwqtwK0sIXAqfBgKBI3jVzrlshcCl8On8/PwevMoSAo/CpfApnGqrwmoIHKqq6iRcCp/ajbAcoqpqqNFoSHApfMoSAn9ub2/fhUfhUiciLIXAn3BoOp0+V10XGX6Azjp5QqtzvwI3zw0xzw0xzw0xr69CHPnQsjuE2JKVkyHlPuj4GfKCiD72QwjukedEdMgZYv4f2hMieoifYi71f2hE9AOXzT+BgEqniAAAAABJRU5ErkJggg==)
        0 0 no-repeat;
}
.focus .focus-newsMedia .swiper-container:hover .swiper-button-next,
.focus .focus-newsMedia .swiper-container:hover .swiper-button-prev {
    display: block;
}
.focus .focus-newsText {
    width: 375px;
    height: 405px;
    float: right;
}
.moreBtn { width: 375px; height: 35px; line-height: 35px; background:#1173fa; border-radius: 5px; overflow: hidden; color: #fff; text-align: center; font-size: 16px; float: right; margin-top: 4px;}
.moreBtn a{ color: #fff;}
.focus .focus-newsText .list {
    width: 100%;
    height: 100%;
}
.focus .focus-newsText .list a {
    color: #333;
    cursor: pointer;
}
.focus .focus-newsText .list h2 {
    font-size: 20px;
    line-height: 36px;
    height: 36px;
    font-weight: 700;
    overflow: hidden;
    color: #333;
}
.focus .focus-newsText .list ul {
    margin-bottom: 25px;
}
.focus .focus-newsText .list ul li {
    font-size: 16px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    color: #333;
}
.special {
    margin-top: 50px;
}
.special a {
    display: inline-block;
    overflow: hidden;
    margin-left: 27px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.special a:first-child {
    margin-left: 0;
}
.recommend {
    margin-top: 50px;
}
.recommend .part {
    margin-bottom: 30px;
}
.recommend .richMedia .richMedia-focus {
    position: relative;
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}
.recommend .richMedia .richMedia-focus .richMedia-swiper {
    width: 100%;
    height: 125px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.recommend .richMedia .richMedia-focus .richMedia-swiper .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 0;
}
.recommend .richMedia .richMedia-focus .richMedia-swiper .img img {
    width: 100%;
    height: 100%;
}
.recommend .richMedia .richMedia-focus .richMedia-swiper .tit {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 5px 5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
}
.recommend .richMedia .richMedia-focus .richMedia-swiper .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -28px;
    z-index: 3;
    width: 36px;
    height: 36px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC)
        0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}
.recommend .richMedia .richMedia-focus .swiper-slide.none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.recommend .richMedia .richMedia-focus .swiper-slide .slide-cont {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.recommend
    .richMedia
    .richMedia-focus
    .swiper-slide.swiper-slide-active
    .slide-cont {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 3;
}
.recommend
    .richMedia
    .richMedia-focus
    .swiper-slide.swiper-slide-prev
    .slide-cont {
    -webkit-transform: scale(0.7) translate(60px);
    -moz-transform: scale(0.7) translate(60px);
    -ms-transform: scale(0.7) translate(60px);
    transform: scale(0.7) translate(60px);
    z-index: 1;
}
.recommend
    .richMedia
    .richMedia-focus
    .swiper-slide.swiper-slide-next
    .slide-cont {
    -webkit-transform: scale(0.7) translate(-60px);
    -moz-transform: scale(0.7) translate(-60px);
    -ms-transform: scale(0.7) translate(-60px);
    transform: scale(0.7) translate(-60px);
    z-index: 1;
}
.recommend .richMedia .richMedia-focus .swiper-button-prev {
    width: 21px;
    height: 46px;
    left: 0;
    margin-top: -30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADLUlEQVRoge3az0vTcRzH8fd36GrFN1ALvkRuLDaSUc6DBgW76kEh+O4keHCHgd9JV/+Rcjp2mAdBL3rSg95qp5iYyxjGRJllfCE12RdcTvl+46UF8SVoP776/hLfF+y47x6ML9uT7SMYhpGi690pEe0TUY6I3hLROV695ZoR2A0ievjr8ZyIXhPRsYsB8uc6iegl3hBuCPaAiCJ2gGBP7QLx2gVii3vkYg7EPAdingMxz4GY939CdnZ2bsuy/GJiYuIZKySZTIYFQTDGx8fzbJDl5eX7xWJRGhgY2PL5fCcsEE3TWubn57s7Ojq00dHR7UauYQkknU53lctlTywW23C73ToLpFAo3Mlms4FwOPw5Eol8a/Q6TUF0Xafp6eme1tbW80Qi8bGZazUFWVxc9JZKpbtDQ0MFSZJ+sECOjo7cCwsLTyRJOh4ZGdltBtEUZGpqKlSpVNzxePy9y+UyWCDr6+ttuVzO39fXt9vb2/u9WURDEF3XhVQq1ePxeKqKohSsQDQEmZ2d9auq2ibL8mZ7e3uVBaKq6s2lpaWQ1+s9iEaje1Yh6oYkk8nHZ2dnLYqibLhc1hZEzVfLZrP38vl8ZyQS2Q6FQmVLFbVCqtWqK5PJ9IiiWInH41tWI2qGZDKZ4OHhoTg8PPxBFMVzFkipVLq1urr6KBAIqIODg1+vAlETZHJyMmwYhpBIJOquLkshvycIwlU6/g1RFCWPDkWPskL8fv9Jf3//J/QoupQNgsVisSJ6dG5urht9ygZBh6JHNU3zoE/ZIBh6FF2KPkWnskEwdCn6FJ2KXmWDoEvRp+hU9CobBEOfolPRq+hWNgj6FJ2KXkW3skEwdCp6Fd26trbWxgahy0/cAro1nU7jxm36879hCHo1Go1uol/RsWwQTJblPZ/Pd4CORc+yQdCtY2NjG+hY9CwbBEO/omPRs+haNgiGjkXPomvRt2wQdCx6Fl07MzMTYINg6NlgMKiurKx0oXPZIHT5pZhH36Jz630uxx/Qf53zE7h5DsQ8B2KeAzHPgZh2ahfIvl0gOTtAvuD0FTcEiFc4AsZx/Avn0FQiekdEby7OoRHRTxZxRi0nu0IrAAAAAElFTkSuQmCC)
        0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.recommend .richMedia .richMedia-focus .swiper-button-next {
    width: 21px;
    height: 46px;
    right: 0;
    margin-top: -30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADH0lEQVRoge3aQWvTABjG8TdhrVbJcJtCUNZSWHGUaXdoFQ/R2y4bCO1psEsPha3zvC8i61Z6yA6DnrrTduiO9tgxV5WiVDbqRAKuUwys0o1GHq0iQViXpHsr5Lkn+dOG9EdbwTAM6myAiB4TUYyI7hDRFbrEDXQudYOInhHR6GVe/O+JnRjWCOqEKNwRv0MecEdQJ8TfBx1/7hH2if0QQW7IP+aGmOeGmOeGmPf/hiwtLT2Kx+NP9/f3r7OGLC4uVgRBMDKZTIQ1JBAInExNTb2r1Wry1tbWbbYQLJlM1kZGRvR8Pn9f13VHPr0thXi93nYymdzTdd2Xy+XG2UIwRVE+RyKRw1KpNFatVgfZQrB0Ov3G4/Gcra6uTrbbbb4QWZa/z8zMVOv1+s2NjQ1b5LT9QJubmzuQZflroVC4d3x87GULEUXRSKVSL5vNpndlZSXMFoJFo9EvsVjsoFwuB3d3d4fYQrCFhYWqz+drZbNZ3LgCW8jw8HArkUi81jRtaH19PcgWgsXj8Q9+v/9oc3MzrGnaVbYQURTxFu2dnp4OZDKZCbYQLBwOf1MU5X2lUhktlUq32EKwVCr1VpKkpqqqkVar1dU1ehIiSdLZ7Ozsq0ajMbi2tjbGFoJNT09/CoVCWrFYHK/X69fYQujXs6ViGIawvLx8ruZ6GiII3T/XehoC18K3eGXYQuBZuBa+DQaDJywhcCw8C9fCt90c05MQOBaehWvhW5YQ+BWOhWfh2m6PczQEboVf4Vh49iLHOhoCt8KvcCw8yxICr8Kt8Csce9HjHQuBV+FW+BWOZQnZ2dkZglfhVvjVyjlsh8CnuVxuEl6FW62ex3YIfAqnwqtwK0sIXAqfBgKBI3jVzrlshcCl8On8/PwevMoSAo/CpfApnGqrwmoIHKqq6iRcCp/ajbAcoqpqqNFoSHApfMoSAn9ub2/fhUfhUiciLIXAn3BoOp0+V10XGX6Azjp5QqtzvwI3zw0xzw0xzw0xr69CHPnQsjuE2JKVkyHlPuj4GfKCiD72QwjukedEdMgZYv4f2hMieoifYi71f2hE9AOXzT+BgEqniAAAAABJRU5ErkJggg==)
        0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.recommend .richMedia .richMedia-vertical {
    margin-top: 10px;
}
.recommend .richMedia .richMedia-vertical .richMedia-vertical-item {
    position: relative;
    width: 130px;
    height: 175px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.recommend
    .richMedia
    .richMedia-vertical
    .richMedia-vertical-item:hover
    .img
    img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.recommend .richMedia .richMedia-vertical .richMedia-vertical-item .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.recommend .richMedia .richMedia-vertical .richMedia-vertical-item .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.recommend .richMedia .richMedia-vertical .richMedia-vertical-item .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px 5px;
    font-size: 16px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    color: #fff;
}
.recommend .richMedia .richMedia-vertical .richMedia-vertical-item .tit a {
    color: #fff;
}
.recommend .richMedia .richMedia-horizontal .richMedia-horizontal-item {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.recommend
    .richMedia
    .richMedia-horizontal
    .richMedia-horizontal-item:hover
    .img
    img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.recommend .richMedia .richMedia-horizontal .richMedia-horizontal-item .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.recommend
    .richMedia
    .richMedia-horizontal
    .richMedia-horizontal-item
    .img
    img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.recommend .richMedia .richMedia-horizontal .richMedia-horizontal-item .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px 5px;
    font-size: 16px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    color: #fff;
}
.recommend .richMedia .richMedia-horizontal .richMedia-horizontal-item .tit a {
    color: #fff;
}
.recommend .depth {
    width: 100%;
    height: 470px;
    overflow: hidden;
}
.recommend .depth li {
    margin-bottom: 7px;
    height: 30px;
    overflow: hidden;
}
.recommend .depth li:first-child a {
    font-weight: 700;
}
.recommend .depth li a {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.recommend .depth li a span {
    color: #005aaf;
}
.recommend .bgt {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 98px;
}
.recommend .message {
    width: 100%;
    height:468px;
}
.recommend .message li {
    margin-bottom: 40px;
    position: relative;
}
.recommend .message li:after {
    content: '';
    width: 100%;
    height: 2px;
    border: 1px dotted #b7b7b7;
    border-left: 0;
    border-right: 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: -25px;
}
.recommend .message .message-avatar {
    width: 88px;
    height: 86px;
    float: left;
}
.recommend .message .message-avatar img {
    width: 100%;
}
.recommend .message .message-info {
    float: right;
    width: 169px;
}
.recommend .message .message-name {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #333;
    float: left;
}
.recommend .message .message-source {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    float: right;
}
.recommend .message .message-txt {
    width: 100%;
    margin-top: 5px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}
.recommend .message .message-reply {
    width: 268px;
    height: 117px;
    background: url(https://www.piyao.org.cn/new2021/pc/images/ly-bg.png) right top no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 15px 30px 40px;
    font-size: 16px;
    line-height: 26px;
    color: #333; background-size: 100% 100%;
}
.recommend .message .message-reply .message-reply-cont {
    height: 52px;
    overflow: hidden;
}
.recommend .message .message-reply span {
    display: block;
    text-align: right;
    font-weight: 700;
    height: 26px;
    overflow: hidden;
}
.recommend .matrix {
    width: 100%;
    height: 485px;
}
.recommend .matrix ul {
    width: 286px;
}
.recommend .matrix li {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    width: 120px;
    position: relative;
    cursor: pointer;
}
.recommend .matrix li .code {
    position: absolute;
    width: 0;
    height: 120px;
    left: 120px;
    top: 0;
    z-index: 4;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.recommend .matrix li .code img {
    width: 120px;
    height: 120px;
}
.recommend .matrix li .tit {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #333;
    height: 24px;
    overflow: hidden;
}
.recommend .matrix li .img {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 18px 0 18px;
}
.recommend .matrix li .img img {
    width: 100%;
}
.recommend .matrix li.showleft .code {
    left: auto;
    right: 120px;
}
.recommend .matrix li.showtop .code {
    width: 120px;
    height: 0;
    top: auto;
    bottom: 110px;
    left: 50%;
    margin-left: -60px;
}
.recommend .matrix li.showdown .code {
    width: 120px;
    height: 0;
    top: 80px;
    left: 50%;
    margin-left: -60px;
}
.recommend .matrix li:hover .code {
    width: 120px;
    height: 120px;
}
.recommend .dynamics {
    margin-top: -5px;
}
.recommend .dynamics .item-style1 {
    position: relative;
    margin-bottom: 5px;
}
.recommend .dynamics .item-style1:before {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    border: 2px #027bfb solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.recommend .dynamics .item-style1 .tit {
    margin-left: 16px;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    color: #333;
}
.recommend .dynamics .item-style1 .tit a {
    color: #333;
    margin-right: 5px;
}
.recommend .dynamics .item-style1:hover:before {
    background: #ff9724;
    border: 2px #ff9724 solid;
}
.recommend .dynamics .item-style2 .tit {
    font-size: 0;
    color: #333;
    height: 34px;
    overflow: hidden;
}
.recommend .dynamics .item-style2 .tit a {
    color: #333;
    font-size: 16px;
    line-height: 34px;
}
.recommend .dynamics .item-style2 .tit .type {
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #fff;
    background: #027bfb;
}
.recommend .dynamics .item-style2 .img {
    margin-top: 5px;
}
.recommend .dynamics .item-style2 .img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.recommend .dynamics .item-style2 .img img {
    width: 150px;
    height: 82px;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.recommend .dynamics .item-style2 .img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.recommend .talking .talking-item {
    margin-bottom: 25px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.recommend .talking .talking-item .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 210px;
}
.recommend .talking .talking-item .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.recommend .talking .talking-item .img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.recommend .talking .talking-item .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.65);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    color: #fff;
}
.recommend .talking .talking-item .tit a {
    color: #fff;
}
.hotSpecial {
    margin-bottom: 50px;
}
.hotSpecial .cont {
    width: 1228px;
}
.hotSpecial .cont a {
    display: inline-block;
    margin-right: 25px;
    width: 282px;
    height: 160px;
    font-size: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.hotSpecial .cont a img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.hotSpecial .cont a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.guidance {
    margin-bottom: 50px; margin-top: 30px;
}
.guidance .cont {
    font-size: 0;
}
.guidance .cont a {
   font-size: 16px;
    color: #323232;
    padding: 13px 5px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    width: 228px;
    background: #f2f2f2;
    margin: 1px;
}
.guidance .cont a:hover {
  
    background: #dce7f9;
    color: #323232!important;
}

   
.partbq{ width: 100%; background: #dee5f3;}
.member {
   width: 1200px; margin: 0 auto;  padding-bottom: 30px;
}
.member .title a {
    margin-right: 5px;
    cursor: pointer;
}
.member .title a:first-child:after {
    display: block !important;
}
.member .title a:after,
.member .title a:before {
    display: none;
}
.member .title a.active:after,
.member .title a.active:before {
    display: block;
}
.member .member-item {
    display: none;
}
.member .member-item.active {
    display: block;
}
.member .member-item.txt a {
    font-size: 16px;
    color: #333;
    padding: 0px 36px 10px 0;
    overflow: hidden;
    display: inline-block;
}
.member .member-item li {
    float: left;
    width: 98px;
    height: 65px;
    margin: 23px 4px 0 4px;
    overflow: hidden;
}
.member .member-item li img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.member .member-item li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ztpart{ width: 100%;}
.ztpart ul{}
.ztpart li{ width: 375px; height: 169px; }
.ztpart li img{ width: 375px; height: 169px;}
.ztpart li+li{ margin-top: 30px;}
.rmnr{ width: 1200px; margin: auto;}
.rmnr ul{}
.rmnr li{ float: left;
    width: 230px;
    height: 219px;
    line-height: 24px;
    box-shadow: 0 0 9px -1px rgba(125, 125, 126, 0.5); margin-bottom: 20px;}
.rmnr li+li{ margin-left: 12px;}
.rmnr li .img{width: 230px; height: 131px;}
.rmnr li .img img{width: 230px; height: 131px;}
.rmnr li .tit p{ font-size: 16px; color: #3d3d3d; margin-top: 20px; padding: 0 10px; margin-bottom: 20px;}
.rmnr li .tit p a{color: #3d3d3d;}
/* 底部下来样式 */
.jzpt {
	width: 100%;
	height: 156px;
	background: #dee5f3
}
.jzpt .title a:after {
	background: #dee5f3;
}
.jz_list {
	width: 1200px;
	height: 155px;
	margin: 0 auto;
	list-style: none;
	position: relative;
}
.jz_list li {
	float: left;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-align: left;
	cursor: pointer;
	padding: 10px 0px;
	line-height: 28px;
	width: 100px
}
.jz_list li a {
	color: #333;
}
.jz_list1 {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	list-style: none;
	position: relative;
}
.jz_list1 li {
	float: left;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	text-align: left;
	cursor: pointer;
	padding: 8px 0px;
	line-height: 28px;
	width: 150px
}
.jz_list1 li a {
	color: #333;
}
.df-more:hover {
	background: url(xiala1.png) no-repeat 40px 21px;
}
.df-more1:hover {
	background: url(xiala1.png) no-repeat 55px 21px;
}
.df-more {
	background: url(xiala.png) no-repeat 40px 21px;
	background-size: 12%;
}
.df-more1 {
	background: url(xiala.png) no-repeat 55px 21px;
	background-size: 12%;
}
.df-more:hover .sub {
	height: 50px;
	border-bottom: 2px solid #ffa53b;
	width: 1150px;
}
.df-more1:hover .sub {
	height: 50px;
	width: 1150px;
	border-bottom: 2px solid #ffa53b;
}
.sub {
	position: absolute;
	left: 0;
	width: 1150px;
	transition: all 0.5s;
	overflow: hidden;
	height: 0px;
	background: #fff;
	z-index: 50;
}
.sub a {
	font-size: 14px;
	padding: 0 20px;
	text-align: left;
	font-weight: normal;
	line-height: 50px
}
.sub a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}


.sub1 a {
    font-size: 14px;
    padding: 0 4px;
    text-align: left;
    font-weight: normal;
    line-height: 50px;
}